@CHARSET "ISO-8859-1";



button { font-size:17px; font-family:verdana; color:green }
input { font-size:17px; font-family:fantasy; color:blue }
button { text-decoration:underline }
button  { border: 12px groove green }

@CHARSET "ISO-8859-1";
*{
	margin:0;
	padding: 0;
 }
 @font-face {
				font-family: "Chalet";
				src:url("../fuentes/Chalet.eot");
				src:url("../fuentes/Chalet.eot?#iefix") format("embedded-open-type"),
				url("../fuentes/Chalet.woff")
				url("../fuentes/Chalet.ttf")
				url("../fuentes/Chalet.svg#Chalet") format ("svg");
				font-weight: normal;
				font-style: normal;
				
 
			}
			
 body 
 {
	background: #212121 url(../imagenes/fondo.jpg);
	color: #FFF;
	font-family: "Chalet", Helvetica, Verdana;
	font-size: 1em;
	cursor: url(../imagenes/Treetog-I-Run.ico), default;

 }
 h1 h2
 {
	color: white;
	text-align: center;
	text-shadow: 5px 5px 10px rgba(255, 255,255, 0.5);
 }
 
 header, nav, footer
 {
	background:  rgba(96, 139, 153, 0.5);
	border-radius: 0.5em;
	margin: 0.5em auto;
	max-width: 960px;
	padding: 0.25em;
	text-align: center;
	align:center;
 }
 nav
 {
 	height:100px;
 }
 
 
 section#resp_contenedor
 {
	margin: 0.5em auto;
	text-align: center;
 }
 
 section#resp_principal, aside
 {
	background:    rgba(96, 139, 153, 0.5);
	border-radius: 0.5em;
	text-align: left;
 } 
 
 li, ul
 {
 	float:left;
 	border-bottom: medium;
 }
 
 ul#aside-usr li  
 {
 	
 	display:block;
 	float:none;
    list-style-type: none;
    vertical-align: middle;
    
    text-align: left;
     
 }

 
textarea
{
	width: 580px;
	max-width: 580px;
	height: 100px;
}  

form fieldset label{
	font-weight: bold;
	display:block;
	margin-bottom: 0;
	
}
form fieldset input{
	
	width:90%;
	max-width:90%;
	margin-top:0;
	margin-left: 2%;
	margin-bottom: 1%;
}
aside a
{
	 	background: #c1e75c; /* default green background color of button */
    	color: black;
    	text-decoration: none;
		font-size:17px;
		border:1px solid gray;
		border-radius: 8px; 
		box-shadow: 3px 3px 4px rgba(0,0,0,.5); 
		
}

aside a:hover
{
	 text-decoration: underline;
	  
}


p
{
	text-align: justify;
	margin-bottom: 25px;
}

header p
{
	text-align: center;
}

.tabla_class
{
	width:100%;
	max-height: 100%;
}
 section#resp_principal img
 {
 	width:100%;
	max-height: 100%;
 }
 
 
 #contenido_modal h1
 {
 	color: black;
	text-align: center;
	text-shadow: 5px 5px 10px rgba(255, 255,255, 0.5);
 }
 
 
 

section#resp_principal li,section#resp_principal ul
    {
        display: block;
        float:none;
        width:100%;
        margin: 10px;
        vertical-align: middle;
    }
    
    
    section#resp_principal h1
    {
    margin-bottom: 10px;
    margin-top: 10px;
    }
    
    
    
.blue{
    background: #a6e9f7;
    
}
 .pink
 {
    background: #fbbaba; /* background color when mouse rolls over button */
 }
 
 form fieldset label{
	font-weight: bold;
	display:block;
	margin-bottom: 0;
	
}
form fieldset input,form fieldset select
{
	
	width:90%;
	max-width:90%;
	margin-top:0;
	margin-left: 2%;
	margin-bottom: 1%;
}
iframe 
{
	width:90%;
	max-width:90%;
	text-align:center;
	
	height: 500px;
}
article
{
	margin-bottom:20px; 
	
}
legend
{
	color: white;
	text-align: center;
	
	
}




